Nun können Sie einfacher
als je zuvor einen Live Chat auf Ihren Webseiten integrieren. Das VolanoChat
System stellt die Kombination aus einem Server- und Clientseitigem Java
Programm dar. Das Clientseitige Java Applet (46 KB bis 57 Kb Browserabhängig)
wird vom Browser heruntergeladen und dann auf dem (lokalen) Rechner des
Users (Client) ausgeführt. Die Clientsoftware kommuniziert sodann mit
dem am Server liegenden Teil und schafft so eine LiveChat-Umgebung in Echtzeit.
Bitte beachten Sie,
dass der Download der Chat Anwendung sowie alle, von Ihnen geänderten
Images zum Datentransfer gerechnet werden. Den VolanoChat können
Sie mit zwei einfachen Schritten in Ihre Seiten einbinden.
Schritt 1:
Erstellen Sie eine
HTML Datei mit namen chat.html und fügen Sie den untenstehenden
MyVolanoChat applet tag ein. Speichern Sie diese im Root-Verzeichnis
Ihrer Site.Vergewissern Sie sich, dass Sie http://www.your-domain.com
im Anwendungstag mit Ihrer vollständigen Domain ersetzt haben.
<applet codebase="http://www.your-domain.com/cgi-image/vcclient"
archive="COM/volano/MyVolanoChat.jar"
code="COM.volano.MyVolanoChat.class"
width="500" height="100">
<param name="cabbase" value="COM/volano/MyVolanoChat.cab">
<param name="color" value="#FFFFFF">
<param name="group" value="Chat Room Name">
<param name="text" value="english.txt">
</applet>
|
Parameter Definitionen:
<param name="color"
value="#FFFFFF">
Dieser Parameter
ändert die Farbe der Lücke um Ihren "Enter-Button"
auf chat.html.
Die Farbwerte sind im #RRGGBB Format definiert, wobei RR den roten Hexadezimalwert,
GG den grünen Hexadezimalwert und BB den blauen Hexadezimalwert
darstellt. Die Grundeinstellung ist weiß, #FFFFFF.
<param name="group"
value="Chat Room Name">
Dieser Parameter
ändert den Namen Ihres Chat Rooms und wird als Fenstertitel dargestellt.
<param name="text"
value="english.txt">
Dieser Parameter
ändert die Benutzerinterface-Sprache des Chat Rooms. Folgende Möglichkeiten
bestehen für "value": english.txt, french.txt, german.txt,
italian.txt, portuguese.txt, or spanish.txt. Um z.B. die Sprache auf
Deutsch umzustellen, ersetzen Sie einfach english.txt gegen german.txt.
Schritt 2:
Fügen Sie einen
Link auf Ihren Seiten ein, der auf chat.html verweist. Zum Beispiel:
Click
<a href="http://www.your-domain.com/chat.html">here</a>
to enter our chat room!
|
Beachten Sie:
Sie müssen den vollständigen Domainnamen Ihres Accounts, inklusive
dem www., referenzieren, da der Chat ansonsten nicht funktionieren
wird. Ebenfalls darf keine Referenzierung über eine Subdomain oder
einen Pointer erfolgen. Sie können nur einen Chat Room pro Account
haben. Die chat.html Seite mit oben aufgeführten Tag, muss
im Root Verzeichnis abgelegt werden und auch wirklich chat.html
heissen.
Fertig!
Das ist alles was
für die Einbindung Ihres Live Chats zu tun ist!
Passen Sie den
VolanoChat Ihren persönlichen Vorstellungen an
Beachten Sie: Da VolanoChat
ein Produkt Dritter ist, bieten wir keinen direkten Support bzgl. der
Anpassung des Interfaces an.
Schritt 1:
Die Anpassung des
VolanoChats beinhaltet das Ändern und Hinzufügen von Parametern
zum Applet Tag Ihrer chat.html Webseite. Sie können die voreingestellten
Parameter dahingehend modifizieren, um wirklich alles, inklusive Room
Farbe, Schriftfarbe und -art sowie die Banneranzeige, zu verändern.
Modifizieren Sie die Parameter die Sie ändern wollen und fügen
Sie neue Parameter dem MyVolanoChat Applet Tag hinzu. Wenn Sie sich nicht
sicher sind was Sie tun, wäre es das Beste keine Veränderungen
am Tag vorzunehmen. Weitere Parameter sind im "VolanoChat
Administrator Guide" und dort unter dem Kapitel über die
Anpassung des Chat Rooms aufgelistet.
<applet codebase="http://www.your-domain.com/cgi-image/vcclient"
archive="COM/volano/MyVolanoChat.jar"
code="COM.volano.MyVolanoChat.class"
width="500" height="100">
<param name="cabbase" value="COM/volano/MyVolanoChat.cab">
<param name="color" value="#FFFFFF">
<param name="group" value="Chat Room Name">
<param name="text" value="english.txt">
<param name="color.background" value="#C0C0C0">
<param name="color.foreground" value="#000000">
<param name="font.default" value="TimesRoman-15">
<param name="banner.code" value="COM.volano.BannerPlayer.class">
<param name="banner.param.banner.1"
value="60 welcome.gif http://www.volano.com/">
<param name="banner.param.banner.2"
value="60 help.gif help.html">
<param name="banner.param.banner.3"
value="60 chatwithme.gif null">
<param name="image.button.width" value="88">
<param name="image.button.height" value="31">
<param name="image.button1" value="button1.gif">
<param name="image.button2" value="button2.gif">
</applet>
|
Parameter Definitionen:
<param name="color.background"
value="#C0C0C0">
Dieser Parameter
ändert die Farbe des Chat Room Fensters. Die Farbwerte sind im
#RRGGBB Format definiert, wobei RR den roten Hexadezimalwert, GG den
grünen Hexadezimalwert und BB den blauen Hexadezimalwert darstellt.
Die Voreinstellung der Hintergrundfarbe ist grau, #C0C0C0.
<param name="color.foreground"
value="#000000">
Dieser Parameter
ändert die Farbe des Chat Textes und des Chat Room Rahmens. Die
Farbwerte sind im #RRGGBB Format definiert, wobei RR den roten Hexadezimalwert,
GG den grünen Hexadezimalwert und BB den blauen Hexadezimalwert
darstellt. Die Grundeinstellung der Vordergrundfarbe ist Schwarz, #000000
<param
name="font.default" value="TimesRoman-15">
Dieser Parameter
ändert die Art, den Stil und die Größe der Schrift.
Die Schriftspezifikation ist liegt in der Form "Art-Stil-Größe"
vor. Um auf allen Browsern ein vernünftiges Ergebnis zu erreichen,
sollten die zu verwendenden Arten auf "Helvetica", "TimesRoman",
"Courier", oder "Dialog" beschränkt werden.
Das Stilattribut kann entweder "italic", "bold"
oder "bolditalic" sein, sollte aber für "reinen"
(plain) Text weggelassen werden. Die Größenangabe bestimmt
die Schriftgröße in Punkten. Sie könnten z.B. "Helvetica-bold-13"
oder "Helvetica-italic-14" angeben. Vergewissern Sie sich,
dass Sie wie in diesem Beispiel gezeigt vorgehen.
<param name="banner.code"
value="COM.volano.BannerPlayer.class">
Dieser Parameter
zeigt auf das "ad banner player" Applet, welches für
das Durchwechseln der Banner in Ihrem Chat Room verantwortlich ist.
Um das Einfügen der Banner abzustellen, fügen Sie diesen Parameter
ohne Wertangabe, wie im folgenden Beispiel, ein. <param name="banner.code"
value="">
<param name="banner.param.banner.1"
value="60 welcome.gif http://www.volano.com/">
Dieser Parameter
ändert das erste Banner das in Ihrem Chat Room angezeigt wird.
Banner können
im GIF oder JPEG Images sein. Die Nummern am Ende jedes "Platzhalters"
müssen aufeinanderfolgend strukturiert sein und mit "1"
starten (banner.param.banner.1, banner.param.banner.2, ..., banner.param.banner.n).
Die Endung gibt die Reihenfolge der Werbebanner an.
Jedes Banner muss
aus drei Merkmalen bestehen, die durch Leerzeichen oder Tabulaturschritte
getrennt sind. Der erste Punkt ist die Dauer (in Sekundenn) die das
Banner eingeblendet wird. Um ein Banner ohne zeitliches Limit einzublenden,
wählen Sie als Zeitangabe null (0). Das zweite Merkmal ist der
Pfad zur Image-Datei (relativ zur Codebase URL des Applets). Der dritte
Punkt bestimmt die Webpage, die durch klicken auf das Banner erreicht
wird.
Wenn Sie Ihre eigenen
Banner verwenden wollen, versichern Sie sich, dass Sie auch die komplette
URL zur Image-Datei, nach der Anzeigedauer, angegeben haben (in diesem
Fall absolut-nicht relativ!) wie z.B.: "60 http://www.your-domain.com/banner.gif
http://www.your-domain.com/index.html".
<param name="banner.param.banner.2"
value="60 help.gif help.html">
Mit diesem Parameter
können Sie Einfluss auf den als zweites in Ihrem Chat Room angezeigten
Banner nehmen.
<param name="banner.param.banner.3"
value="60 chatwithme.gif http://www.volano.com/">
Mit diesem Parameter
können Sie Einfluss auf den als drittes in Ihrem Chat Room angezeigten
Banner nehmen.
<param name="image.button.width"
value="88">
Dieser Parameter
ändert die Breite des Button Images, dass auf Ihrer chat.html
zum Eintritt in den Chat Room gedrückt werden muss.
<param name="image.button.height"
value="31">
Dieser Parameter
ändert die Höhe des Button Images, dass auf Ihrer chat.html
zum Eintritt in den Chat Room gedrückt werden muss.
<param name="image.button1"
value="button1.gif">
Dieser Parameter
bestimmt das Button Image, dass auf Ihrer chat.html angezeigt
wird und zum Eintritt in deb Chat Room gedrückt werden muss.
Das Image kann GIF oder JPEG Format haben. Versichern Sie sich, dass
die Grössenangaben auch den Parametern des Buttons entsprechen,
da dieser evtl. sonst nicht richtig dargestellt werden könnte.
<param name="image.button2"
value="button2.gif">
Dieser Paramter
gibt das Image an, welches angezeigt wird sobald Sie die Maus über
den Button bewegen. es kann wiederum in GIF oder JPEG formatiert sein
und sollte den Massen des "image.button.1." entsprechen.
Schritt 2:
Wenn Sie alle gewünschten
Änderungen durchgeführt haben, speichern Sie Ihre chat.html
mit dem modifizierten Applet und spielen Sie sie in das Root-Verzeichnis
Ihrer Site auf.
Schritt 3:
Um sicher zu stellen,
dass Sie wirklich die aktuellste Version Ihres Chat Rooms betrachten,
halten Sie die "Shift"-Taste gedrückt während Sie
"neu laden" drücken (Netscape) oder die "Strg"-Taste
während Sie auf "aktualisieren" (Internet Explorer) drücken.
Es kann sogar nötig sein den Browser Cache zu leeren und die temporären
Internet Files zu löschen um sicherzustellen, dass Sie das "neueste"
Applet laden wenn Sie den Chat Room aufs Neue betreten.
|